<div th:fragment="page">
    <!--分页组件白字-->
    <div style="width:1280px; margin:0 auto;" id="page">
        <table class="providerTable" style="font-weight: bold; border: none" cellpadding="0" cellspacing="0">
            <input type="hidden" id="totalPageCount" th:value="${pageInfo.pages}"/>
            <tr>
                <td>
                    <li th:text="${'共&nbsp; &nbsp;'+ pageInfo.total +'&nbsp; &nbsp; 条记录 &nbsp; &nbsp;&nbsp; &nbsp;'+ pageInfo.pageNum + ' / '+pageInfo.pages+' 页'}"></li>
                </td>
                <div th:if="${pageInfo.hasPreviousPage}">
                    <!-- 首页、上一页 -->
                    <td><div class="page-div" th:onclick="'page_nav(document.forms[0],1);'">&nbsp;首页&nbsp;</div></td>
                    <td><div class="page-div" th:onclick="'page_nav(document.forms[0],'+ ${pageInfo.prePage}+');'">&nbsp;上一页&nbsp;</div></td>
                </div>
                <td th:each="nav : ${pageInfo.navigatepageNums}">
                    <span  th:if="${nav == pageInfo.pageNum}" th:text="'&nbsp;&nbsp;' + ${nav} + '&nbsp;&nbsp;'"/>
                    <div class="page-div" th:if="${nav != pageInfo.pageNum}" th:onclick="'page_nav(document.forms[0],'+ ${nav}+');'">&nbsp;&nbsp;
                        <span th:text="${nav}"/>&nbsp;&nbsp;</div>
                </td>
                <div th:if="${pageInfo.hasNextPage}">
                    <td>
                        <!--<a th:href="'javascript:page_nav(document.forms[0],'+ ${pageInfo.nextPage}+');'">&nbsp;下一页&nbsp;</a>-->
                        <div class="page-div" th:onclick="'page_nav(document.forms[0],'+ ${pageInfo.nextPage}+');'">&nbsp;下一页&nbsp;</div>
                    </td>
                    <td>
                        <div class="page-div" th:onclick="'page_nav(document.forms[0],'+ ${pageInfo.pages}+');'">&nbsp;最后一页&nbsp;</div>
                    </td>
                </div>
                <td>
                    <label>跳转至</label><input type="number" min="1" th:max="${pageInfo.pages}" name="inputPage" id="inputPage" class="page-key"/> 页
                    <button type="button" class="page-btn" onClick='jump_to(document.forms[0],document.getElementById("inputPage").value)'>
                        GO
                    </button>
                </td>
            </tr>
        </table>
    </div>
</div>